<script setup>
import {ref} from "vue"
import {useRouter} from "vue-router";
const router = useRouter()
const list = ref([
  {
    title: '修改密码',
    icon: 'lock',
    url: '/Password'
  },
  {
    title: '修改信息',
    icon: 'comment',
    url: '/Information'
  }
])
const jumpFn = (item) => {
  router.push(item.url)
}
</script>

<template>
  <div class="w-full">
    <div class="w-[110px] m-auto text-center">
      <van-image
          round
          width="110px"
          height="110px"
          src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
      />
      <div class="text-[18px] font-bold text-center mt-[5px]">用户昵称</div>
      <div class="fontSize2">仓库盘点员</div>
    </div>
    <div class="w-full mt-[20px] roundCorner">
      <van-cell-group>
        <van-cell v-for="(item,index) in list"
                  :key="index"
                  :title="item.title"
                  :icon="item.icon"
                  @click="jumpFn(item)"
                  is-link />
      </van-cell-group>
    </div>
    <div class="mt-[50px] w-full">
      <van-button type="primary" size="large">退出登录</van-button>
    </div>
  </div>
</template>

<style scoped lang="less">
::v-deep{
  .van-nav-bar{
    background-color: #f2f4f8;
  }
  .van-icon{
    color: #999999;
  }
}
</style>